page{
    width: 100%;
    height: 100%;
    background: rgba(225, 227, 229, 0.51);
    font-family: 'PingFang SC';
    font-style: normal;
}
.order_box{
    width: 100%;
    padding: 29rpx 29rpx 150rpx 29rpx;
    box-sizing: border-box;
    .order_address_none{
        width: 100%;
        height: 70rpx;
        background: #FFFFFF;
        border-radius: 10rpx;
        padding: 0 20rpx;
        box-sizing: border-box;
        margin-bottom: 35rpx;
        font-size: 26rpx;
        text-align: center;
        line-height: 70rpx;
        
    }
    .order_address{
        width: 100%;
        height: 180rpx;
        background: #FFFFFF;
        border-radius: 10rpx;
        padding: 12rpx 40rpx;
        box-sizing: border-box;
        margin-bottom: 35rpx;
        &:last-child{
            margin-bottom:0;
        }
        .order_tit{
            font-weight: 700;
            font-size: 30rpx;
            line-height: 42rpx;
            color: #292929;
            width: 70%;
            margin-bottom: 12rpx;
        }
        .order_phone{
            display: flex;
            justify-content: flex-start;
            align-items: center;
            margin-bottom: 20rpx;
            .order_name{
                font-weight: 400;
                font-size: 26rpx;
                line-height: 36rpx;
                max-width: 120rpx;
                margin-right: 10rpx;
            }
            .order_tel{
                font-size: 26rpx;
                line-height: 36rpx;
                color: #404040;
                flex: 4;
            }
            image{
                width: 11rpx;
                height: 19rpx;
            }
        }
        .order_info{
            width: 100%;
            height: 40rpx;
            display: flex;
            justify-content: space-between;
            .order_mode{
                font-size: 26rpx;
                line-height: 36rpx;
                color: #404040;
            }
            .order_express{
                font-size: 26rpx;
                line-height: 36rpx;
                color: #292929;
            }
        }
    }
    .order_form{
        width: 100%;
        background: #FFFFFF;
        border-radius: 10rpx;
        padding: 25rpx 40rpx;
        box-sizing: border-box;
        margin-bottom: 30rpx;
        .order_name{
            width: 100%;
            height: 36rpx;
            font-weight: 400;
            font-size: 26rpx;
            color: #292929;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            margin-bottom: 15rpx;
            image{
                width: 19rpx;
                height: 19rpx;
                margin-right: 10rpx;
            }
        }
        .order_items{
            width: 100%;
            height: 220rpx;
            display: flex;
            justify-content: flex-start;
            margin-bottom: 15rpx;
            .order_img{
                width: 216rpx;
                height: 216rpx;
                border-radius: 8rpx;
                overflow: hidden;
                image{
                    width: 216rpx;
                    height: 216rpx;
                }
            }
            .item_info{
                flex: 2;
                padding: 28rpx 0 28rpx 20rpx;
                .item_name{
                    font-size: 26rpx;
                    line-height: 36rpx;
                    color: #292929;
                    height: 110rpx;
                    margin-bottom: 20rpx;
                }
                .item_price{
                    height: 40rpx;
                    .price{
                        float: left;
                        font-weight: 900;
                        font-size: 28rpx;
                        line-height: 40rpx;
                        color: #FF4444;
                        height: 40rpx;
                    }
                    .number{
                        float: right;
                        padding: 0 5px;
                        height: 40rpx;
                        box-sizing: border-box;
                        line-height: 40rpx;
                        background: #FFFFFF;
                        border: 1rpx solid #9A9A9A;
                        box-sizing: border-box;
                        border-radius: 4rpx;
                        font-weight: 400;
                        font-size: 26rpx;
                        color: #292929;
                    }
                }
            }
        }
        .order_total{
            width: 100%;
            display: flex;
            justify-content: flex-end;
            align-items: center;
            height: 60rpx;
            .total{
                font-weight: 400;
                font-size: 26rpx;
                color: #9A9A9A;
            }
            .total_price{
                font-weight: 900;
                font-size: 28rpx;
                line-height: 39rpx;
                color: #FF4444;
                margin-right: 5rpx;
            }
        }
    }

    .order_ticket{
        width: 100%;
        height: 80rpx;
        background: #FFFFFF;
        border-radius: 10rpx;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 40rpx;
        box-sizing: border-box;
        margin-bottom: 30rpx;
       .ticket{
        font-weight: 400;
        font-size: 26rpx;
        color: #404040;
       }
       .ticket_right{
        font-size: 26rpx;
        color: #404040;
           image{
               width: 11rpx;
               height: 19rpx;
               margin-left: 10rpx;
           }
       } 
    }
    .order_word{
        width: 100%;
        height: 200rpx;
        background: #FFFFFF;
        border-radius: 10rpx;
        padding: 10rpx 40rpx;
        box-sizing: border-box;
        
        .word{
            margin-bottom: 10rpx;
            width: 100%;
            font-weight: 400;
            font-size: 26rpx;
            line-height:60rpx;
            color: #404040;
        }
        .place{
            width: 100%;
            height: 120rpx;
            overflow-y: scroll;
            font-size: 26rpx;
            line-height:36rpx;
        }
        textarea{
            display: block;
            width: 100%;
            height: 120rpx;
            overflow-y: scroll;
            font-size: 26rpx;
            line-height:36rpx;
            outline: none;
            border: none;
            background-color: transparent;
            resize:none;
        }
    }
}
.order_submit{
    width: 100%;
    height: 100rpx;
    background-color: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
    display: flex;
    justify-content:space-between;
    align-items: center;
    .submit_price{
        margin-left: 40rpx;
        font-weight: 400;
        font-size: 26rpx;
        color: #292929;
        text{
            font-weight: 900;
            font-size: 28rpx;
            color: #FF4444;
        }
    }
    .submit{
        margin-right: 40rpx;
        width: 170rpx;
        height: 54rpx;
        background: #FF4444;
        border-radius: 24rpx;
        font-weight: 900;
        font-size: 26rpx;
        color: #FFFFFF;
        text-align: center;
        line-height: 54rpx;
    }
}
.order_box_bg{
    padding-bottom: 30rpx;
}
.order_address_h{
    height: 120rpx !important;
}
.solid{
    border: 1rpx solid #FF4444;
}
// 优惠劵
.condition{
    width: 100%;
    box-sizing: border-box;
    height: 100%;
    padding: 37rpx 20rpx;
    .condition_inner{
        width: 100%;
        height: 200rpx;
        background: #FFFFFF;
        border-radius: 20rpx;
        margin-bottom: 20rpx;
        .inner_top{
            width: 100%;
            display: flex;
            justify-content:flex-start;
            height: 212rpx;
            .condition_pay{
                width: 210rpx;
                display: flex;
                height: 212rpx;
                flex-direction: column;
                padding: 40rpx 0 0 30rpx;
                box-sizing: border-box;
                .pay_tit{
                    font-weight: 700;
                    font-size: 60rpx;
                    color: #FF4444;
                    margin-bottom: 15rpx;
                    text{
                        font-size: 30rpx;
                        margin-right: 5rpx;
                    }
                }
                .pay_tab{
                    font-weight: 400;
                    font-size: 26rpx;
                    color: #292929;
                }
            }
            .condition_center::before{
                content: "";
                display: block;
                width: 1rpx;
                height: 120rpx;
                background-color: #CCCDCE;
                position: absolute;
                top: 50%;
                left: 0;
                margin-top: -60rpx;
            }
            .condition_center{
                position: relative;
                padding: 53rpx 0 46rpx 20rpx;
                box-sizing: border-box;
                font-weight: 400;
                .condition_new{
                    width: 100%;
                    font-weight: 700;
                    font-size: 28rpx;
                    color: #292929;
                    margin-bottom: 10rpx;
                }
                .condition_app{
                    width: 100%;
                    font-size: 22rpx;
                    color: #FF4444;
                    margin-bottom: 10rpx;
                }
                .condition_time{
                    width: 100%;
                    font-size: 22rpx;
                    color: #292929;
                }
            }
        }
    }
}
// 支付方式
.pay{
    width: 100%;
    padding: 20rpx 31rpx;
    box-sizing: border-box;
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    .pay_mode{
        width: 100%;
        height: 100rpx;
        background: #FFFFFF;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding: 0 41rpx;
        box-sizing: border-box;
        font-size: 26rpx;
        color: #292929;
        border-radius: 10rpx;
        image{
            width: 51rpx;
            height: 51rpx;
            margin-right: 20rpx;
        }
    }
}
